<html>
<head>
    <title>demo.html</title>
    <script type="text/javascript" src="js/jquery-3.2.1.js"></script>
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        body {
            margin: 50px;
        }
        ul {
            line-style-type: none;
        }
        li {
            height: 30px;
            line-height: 30px;
        }
    </style>
</head>
<body>
<ul>
    <li>我是第1条广告---</li>
    <li>我是第2条广告---</li>
    <li>我是第3条广告---</li>
    <li>我是第4条广告---</li>
    <li>我是第5条广告---</li>
    <li>我是第6条广告---</li>
    <li>我是第7条广告---</li>
    <li>我是第8条广告---</li>
    <li>我是第9条广告---</li>
    <li>我是第10条广告---</li>
</ul>
<script>
    setInterval(function(){
        var newLi = $('ul>:first').clone(true);
        $('ul').append(newLi);
        $('ul>:first').remove();
    },1000);//每2秒滚动一次
</script>
</body>
</html>